<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <style>
    body,
    html {
      height: 100%
    }

    a,
    a:hover {
      outline: 0
    }

    .footer,
    .header {
      z-index: 99
    }

    .clearfix:after,
    .page_1 .page_bg:before {
      content: ""
    }

    html {
    + overflow: hidden
    }

    body {
      position: relative;
      width: 100%
    }

    .header,
    .wrap,
    .wrapper {
      position: absolute;
      top: 0
    }

    body,
    dd,
    div,
    dl,
    dt,
    h1,
    h2,
    h3,
    h4,
    input,
    li,
    ol,
    p,
    table,
    ul {
      margin: 0;
      padding: 0
    }

    table {
      width: auto;
      border-collapse: collapse;
      border-spacing: 0
    }

    .footer,
    .header,
    .wrap,
    .wrapper {
      width: 100%;
      left: 0
    }

    li {
      list-style: none;
      vertical-align: bottom
    }

    em,
    i {
      font-style: normal
    }

    a {
      text-decoration: none
    }

    a:hover {
      text-decoration: underline
    }

    .btn_download:hover,
    .header .nav_box a:hover {
      text-decoration: none
    }

    img {
      border: 0
    }

    .hidden {
      display: none
    }

    .hide_txt {
      text-indent: -9999em;
      font-size: 0;
      line-height: 0
    }

    .clearfix:after {
      display: block;
      visibility: hidden;
      clear: both;
      height: 0
    }

    .clearfix {
      zoom: 1
    }

    .wrap {
      font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, sans-serif;
      font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "微软雅黑", tahoma, arial, simsun, "宋体"
    }

    .wrap,
    .wrapper {
      height: 100%;
      background: #000;
      overflow: hidden
    }

    .header .head {
      padding: 20px
    }

    .header .logo_box {
      float: left
    }

    .header .logo_link img {
      display: block
    }

    .header .nav_box {
      float: right;
      position: relative
    }

    .header .nav_box li {
      float: left;
      padding: 0 10px
    }

    .header .nav_box a {
      font-size: 16px;
      color: #fff;
      line-height: 50px;
      padding: 0 6px;
      display: block
    }

    .header .nav_box .ic_line {
      position: absolute;
      height: 2px;
      background: #fff;
      bottom: 6px;
      width: 40px;
      transition: left .2s, width .2s;
      -webkit-transition: left .2s, width .2s;
      display: none
    }

    .page,
    .page_wp {
      top: 0;
      height: 100%
    }

    .footer {
      position: absolute;
      bottom: 12px
    }

    .page_wp,
    .page_wp .txt_box {
      width: 100%;
      z-index: 5;
      position: absolute
    }

    .footer .foot {
      text-align: center;
      font-size: 14px;
      color: #4c4c4c
    }

    .page_wp {
      left: 0
    }

    .page {
      position: absolute;
      left: -9999px;
      width: 100%
    }

    .page_wp .show {
      left: 0
    }

    .page_wp .txt_box {
      bottom: 140px;
      left: 0;
      color: #fff;
      opacity: 0;
      transition: opacity .8s;
      -webkit-transition: opacity .8s
    }

    .page_wp .show .txt_box {
      opacity: 1
    }

    .page_wp .txt_box h2 {
      text-align: center;
      font-size: 36px;
      font-weight: lighter;
      line-height: 40px
    }

    .page_wp .txt_brief {
      font-size: 14px;
      line-height: 24px;
      width: 800px;
      margin: 10px auto 0;
      font-weight: lighter
    }

    .page_wp .img_box {
      position: absolute;
      width: 1920px;
      height: 1080px;
      top: 50%;
      left: 50%;
      margin: -540px 0 0 -960px;
      z-index: 3
    }

    .page_wp .img_box img {
      width: 100%;
      height: 100%
    }

    .css3 .page_wp .img_box {
      display: none
    }

    .page_1.hide {
      left: 0
    }

    .page_1.hide .txt_box {
      left: -9999px
    }

    .page_1 .page_bg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 2500px;
      height: 1600px;
      margin: -800px 0 0 -1250px;
      transform-origin: center 708px;
      -webkit-transform-origin: center 708px
    }

    .page_1 .page_bg:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(page1_bg.jpg) center center no-repeat;
      transform-origin: center 708px;
      -webkit-transform-origin: center 708px
    }

    .page_4 .light_wp {
      position: absolute;
      width: 1000px;
      height: 460px;
      top: 50%;
      left: 15%;
      margin-top: -230px
    }

    .page_4 .light_box {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      transform: scale(.8);
      -webkit-transform: scale(.8)
    }

    .page_4 .light_1 {
      position: absolute;
      bottom: 50%;
      left: 0;
      width: 476px;
      height: 72px;
      margin-bottom: -18px;
      background: url(light_2.png)
    }

    .page_4 .light_2,
    .page_4 .light_3,
    .page_4 .light_4 {
      position: absolute;
      width: 476px;
      height: 72px;
      background: url(light_1.png);
      transform: scale(.8);
      -webkit-transform: scale(.8)
    }

    .page_4 .light_2 {
      top: 0;
      left: 260px
    }

    .page_4 .light_3 {
      bottom: 0;
      left: 190px
    }

    .page_4 .light_4 {
      top: 50%;
      margin-top: -18px;
      right: 0
    }

    .page_4 .light_5 {
      position: absolute;
      width: 1920px;
      height: 1080px;
      bottom: 50%;
      margin-bottom: -523px;
      left: -923px;
      background: url(light_3.png);
      transform: scale(.8);
      -webkit-transform: scale(.8)
    }

    .page_4 .meteor_box {
      position: absolute;
      width: 576px;
      height: 401px;
      top: 0;
      left: 0;
      background: url(light_4.png)
    }

    .star_wp {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: -9999px
    }

    .star_wp.show {
      left: 0
    }

    .star_wp .star_bg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 2400px;
      height: 2000px;
      margin: -1000px 0 0 -1200px;
      background: url(page3_bg.jpg) center center no-repeat;
      transform-origin: center center;
      -webkit-transform-origin: center center
    }

    .star_wp .star_box {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1740px;
      height: 1356px;
      margin: -678px 0 0 -870px;
      background: url(star.png) center center no-repeat;
      transform-origin: center center;
      -webkit-transform-origin: center center
    }

    #canvas {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      pointer-events: none
    }

    .btn_control,
    .btns_wp {
      z-index: 20;
      position: absolute
    }

    .btn_control {
      top: 50%;
      right: 50px;
      margin-top: -42px
    }

    .btn_control a {
      display: block;
      background: url(btn_spr.png) -14px -52px no-repeat;
      width: 9px;
      height: 9px;
      margin: 0 0 12px
    }

    .btn_control a.cur,
    .btn_control a:hover {
      background-position: 0 -52px
    }

    .btns_wp {
      width: 100%;
      bottom: 70px
    }

    .btn_download {
      display: block;
      margin: 26px auto 0;
      width: 156px;
      height: 38px;
      text-align: center;
      line-height: 38px;
      border: 2px solid #fff;
      font-size: 18px;
      color: #fff
    }

    .sys_footer {
      color: #524d45 !important;
      min-width: 1000px;
      font-family: Arial, "\65B0\5B8B\4F53";
      position: absolute;
      bottom: 40px
    }

    .foot .links a,
    .foot a {
      color: #524d45
    }

    .page_1.show .page_bg {
      animation: p1bg_effect1 300s both infinite linear, opc_effect .5s both linear;
      -webkit-animation: p1bg_effect1 300s both infinite linear, opc_effect .5s both linear
    }

    @keyframes p1bg_effect1 {
      0% {
        transform: rotate(0) scale(1)
      }
      100% {
        transform: rotate(-360deg) scale(4)
      }
    }

    @-webkit-keyframes p1bg_effect1 {
      0% {
        -webkit-transform: rotate(0) scale(1)
      }
      100% {
        -webkit-transform: rotate(-360deg) scale(4)
      }
    }

    .page_1.hide .page_bg:before {
      animation: p1bg_effect2 .4s both linear;
      -webkit-animation: p1bg_effect2 .4s both linear
    }

    @keyframes p1bg_effect2 {
      0% {
        transform: rotate(0) scale(1);
        opacity: 1
      }
      100% {
        transform: rotate(-100deg) scale(4);
        opacity: 0
      }
    }

    @-webkit-keyframes p1bg_effect2 {
      0% {
        -webkit-transform: rotate(0) scale(1);
        opacity: 1
      }
      100% {
        -webkit-transform: rotate(-100deg) scale(4);
        opacity: 0
      }
    }

    .star_wp.show .star_bg {
      animation: opc_effect 2s both linear, p3bg_effect 30s both linear;
      -webkit-animation: opc_effect 2s both linear, p3bg_effect 30s both linear
    }

    @keyframes p3bg_effect {
      0% {
        transform: rotate(0) scale(1)
      }
      100% {
        transform: rotate(10deg) scale(1.2)
      }
    }

    @-webkit-keyframes p3bg_effect {
      0% {
        -webkit-transform: rotate(0) scale(1)
      }
      100% {
        -webkit-transform: rotate(10deg) scale(1.2)
      }
    }

    .star_wp.show .star_box {
      animation: p3star_effect 20s both linear;
      -webkit-animation: p3star_effect 20s both linear
    }

    @keyframes p3star_effect {
      0% {
        transform: scale(0)
      }
      100% {
        transform: scale(.98)
      }
    }

    @-webkit-keyframes p3star_effect {
      0% {
        -webkit-transform: scale(0)
      }
      100% {
        -webkit-transform: scale(.98)
      }
    }

    .page_4.show .light_wp {
      animation: p4light_effect 10s both linear infinite;
      -webkit-animation: p4light_effect 10s both linear infinite
    }

    @keyframes p4light_effect {
      0% {
        transform: translate(5000px, 0)
      }
      10%,
      50% {
        transform: translate(0, 0)
      }
      100%,
      60% {
        transform: translate(-5000px, 0)
      }
    }

    @-webkit-keyframes p4light_effect {
      0% {
        -webkit-transform: translate(5000px, 0)
      }
      10%,
      50% {
        -webkit-transform: translate(0, 0)
      }
      100%,
      60% {
        -webkit-transform: translate(-5000px, 0)
      }
    }

    .page_4.show .light_1,
    .page_4.show .light_3 {
      animation: p4light13_effect 10s both linear infinite;
      -webkit-animation: p4light13_effect 10s both linear infinite
    }

    @keyframes p4light13_effect {
      0%,
      10% {
        transform: translate(0, 0)
      }
      100%,
      50% {
        transform: translate(-50px, 0)
      }
    }

    @-webkit-keyframes p4light13_effect {
      0%,
      10% {
        -webkit-transform: translate(0, 0)
      }
      100%,
      50% {
        -webkit-transform: translate(-50px, 0)
      }
    }

    .page_4.show .light_2,
    .page_4.show .light_4 {
      animation: p4light24_effect 10s both linear infinite;
      -webkit-animation: p4light24_effect 10s both linear infinite
    }

    @keyframes p4light24_effect {
      0%,
      10% {
        transform: translate(0, 0)
      }
      100%,
      50% {
        transform: translate(-100px, 0)
      }
    }

    @-webkit-keyframes p4light24_effect {
      0%,
      10% {
        -webkit-transform: translate(0, 0)
      }
      100%,
      50% {
        -webkit-transform: translate(-100px, 0)
      }
    }

    .page_4.show .light_5 {
      animation: p4light5_effect 10s both linear infinite;
      -webkit-animation: p4light5_effect 10s both linear infinite
    }

    @keyframes p4light5_effect {
      0%,
      10% {
        transform: translate(0, 0);
        opacity: 0
      }
      16%,
      28% {
        opacity: 1
      }
      22%,
      34% {
        opacity: 0
      }
      100%,
      50% {
        transform: translate(-50px, 0);
        opacity: 0
      }
    }

    @-webkit-keyframes p4light5_effect {
      0%,
      10% {
        -webkit-transform: translate(0, 0);
        opacity: 0
      }
      16%,
      28% {
        opacity: 1
      }
      22%,
      34% {
        opacity: 0
      }
      100%,
      50% {
        -webkit-transform: translate(-50px, 0);
        opacity: 0
      }
    }

    .page_4.show .meteor_box {
      animation: p4meteor_effect 10s both linear infinite;
      -webkit-animation: p4meteor_effect 10s both linear infinite
    }

    @keyframes p4meteor_effect {
      0%,
      65% {
        transform: translate(-1000px, 1000px)
      }
      100%,
      80% {
        transform: translate(1000px, -1000px)
      }
    }

    @-webkit-keyframes p4meteor_effect {
      0%,
      65% {
        -webkit-transform: translate(-1000px, 1000px)
      }
      100%,
      80% {
        -webkit-transform: translate(1000px, -1000px)
      }
    }

    @keyframes opc_effect {
      0% {
        opacity: 0
      }
      100% {
        opacity: 1
      }
    }

    @-webkit-keyframes opc_effect {
      0% {
        opacity: 0
      }
      100% {
        opacity: 1
      }
    }

    .scale_box {
      transform-origin: center center;
      -webkit-transform-origin: center center
    }

    @media only screen and (min-width: 1600px) {
      .scale_box {
        transform: scale(1);
        -webkit-transform: scale(1)
      }
    }

    @media only screen and (min-width: 1024px) and (max-width: 1599px) {
      .scale_box {
        transform: scale(.875);
        -webkit-transform: scale(.875)
      }
    }

    @media only screen and (max-width: 1023px) {
      .scale_box {
        transform: scale(.7);
        -webkit-transform: scale(.7)
      }
    }
  </style>
</head>

<body>
<div class="wrap css3" id="wrap">
  <div class="wrapper">
    <div class="page_wp" id="page_wp">
      <div class="page page_1"><span class="page_bg scale_box"></span></div>
      <div class="page page_2"><span class="page_bg scale_box"></span></div>
      <div class="page page_3 show"><span class="page_bg scale_box"></span></div>

    </div>
    <div class="star_wp scale_box show" id="star_wp"><span class="star_bg"></span> <span class="star_box"></span></div>
    <canvas id="canvas" width="1920" height="976"></canvas>
  </div>
</div>
</body>
</html>
<script src="vendors.js"></script>
<script>
  webpackJsonp([0], [function (t, e, n) {
    function i() {
      var t = a("#nav_box"),
        e = t.find("li a"),
        n = t.find(".ic_line");
      t.on("mouseleave", function () {
        n.hide()
      }), e.on("mouseenter", function () {
        for (var t = e.index(a(this)), i = e.eq(t).width(), o = 0, s = 0; s < t; s++) o += e.eq(s).outerWidth() + 20;
        o += 16, n.show(), n.css({
          left: o,
          width: i
        })
      });
      var i, o = a("#wrap"),
        s = function () {
          var t = document.createElement("div").style;
          for (var e in t)
            if (e.toLowerCase().indexOf("animation") >= 0) return !0;
          return !1
        }(),
        r = a("#page_wp").find(".page"),
        h = a("#star_wp"),
        c = a("#btn_control").find("a"),
        d = [10e3, 10e3, 10e3, 2e4];
      console.log(d)
      if (s) o.addClass("css3");
      else {
        for (var p = r.find(".img_box"), u = 1; u < 5; u++) p.eq(u - 1).find("img")[0].src = "0" + u + ".jpg";
        window.onresize = function () {
          var t = a(window).width(),
            e = a(window).height();
          t / e < 1920 / 1080 ? p.height(e).css({
            width: "auto",
            margin: -.5 * e + "px 0 0 " + -960 / 1080 * e + "px"
          }) : p.width(t).css({
            height: "auto",
            margin: -.5 * t * 1080 / 1920 + "px 0 0 " + -.5 * t + "px"
          })
        }
      }
      var l = {
          one: function () {
            r.removeClass("show").eq(0).addClass("show"), s ? (h.removeClass("show"), cvsEffect.one()) : r.stop().eq(0).css({
              opacity: 0
            }).animate({
              opacity: 1
            }, 500)
          },
          two: function () {
            s ? (r.eq(0).hasClass("show") && r.eq(0).addClass("hide"), h.removeClass("show"), cvsEffect.two(), setTimeout(function () {
              r.eq(0).removeClass("hide")
            }, 400)) : r.stop().eq(1).css({
              opacity: 0
            }).animate({
              opacity: 1
            }, 500), r.removeClass("show").eq(1).addClass("show")
          },
          three: function () {
            r.removeClass("show").eq(2).addClass("show"), s ? (cvsEffect.three(), h.addClass("show")) : r.stop().eq(2).css({
              opacity: 0
            }).animate({
              opacity: 1
            }, 500)
          },
          four: function () {
            r.removeClass("show").eq(3).addClass("show"), s ? (cvsEffect.four(), h.addClass("show")) : r.stop().eq(3).css({
              opacity: 0
            }).animate({
              opacity: 1
            }, 500)
          }
        },
        f = {
          next: function () {
            var t = r.index(a("#page_wp").find(".page.show"));
            t = (t + 1) % r.length, f.changeByIdx(t)
          },
          prev: function () {
            var t = r.index(a("#page_wp").find(".page.show"));
            t = (t + r.length - 1) % r.length, f.changeByIdx(t)
          },
          changeByIdx: function (t) {
            switch (clearTimeout(i), t) {
              case 0:
                l.one();
                break;
              case 1:
                l.two();
                break;
              case 2:
                l.three();
                break;
              case 3:
                l.four()
            }
            c.removeClass("cur").eq(t).addClass("cur"), f.changeInterval()
          },
          changeInterval: function () {
            var t = r.index(a("#page_wp").find(".page.show"));
            i = setTimeout(f.next, d[t])
          }
        };
      c.click(function () {
        var t = c.index(a(this));
        f.changeByIdx(t)
      }), a(document).on("mousewheel DOMMouseScroll", function (t) {
        var e = t.originalEvent.wheelDelta || t.originalEvent.detail * -1;
        e > 0 ? f.prev() : f.next()
      }), s && cvsEffect.start(), f.changeByIdx(0)
    }

    function o() {
      function t() {
        return a.ajax({
          url: n,
          dataType: "jsonp",
          jsonpCallback: "xl_callback"
        }).then(function (t) {
          return localStorage.setItem(n, JSON.stringify(t)), t
        }, function () {
          var t = localStorage.getItem(n);
          return t && JSON.parse(t)
        })
      }

      function e(t, e) {
        return a.ajax({
          url: e,
          dataType: "jsonp",
          jsonpCallback: "xl_" + t + "_callback",
          cache: !0
        }).then(function (e) {
          return localStorage.setItem(t, JSON.stringify(e)), e
        }, function () {
          var e = localStorage.getItem(t);
          return e && JSON.parse(e)
        })
      }

      var n = "http://misc.xl9.xunlei.com/res/data/config.json";
      t().then(function (t) {
        t && t.download_link && e("download_link", t.download_link).then(function (t) {
          t && t.xl9_download && a(".JS-btn-download").attr("href", 'javascript:;')
        })
      })
    }

    var a = (n(1), n(4));
    n(5),
      function () {
        i(), o()
      }()
  }, function (t, e, n) {
    n(2)
  }, function (module, exports, __webpack_require__) {
    function objevent(objname, objevent, objfun) {
      var objname = String(objname);
      if ("" == objevent) objevent = "onclick";
      else var objevent = String(objevent);
      var objfun = String(objfun),
        thisevent = function (evt) {
          evt = evt || window.event;
          var obj = evt.target || evt.srcElement,
            objnametemp1 = String(obj.tagName),
            objnametemp2 = String(objname);
          if (objnametemp1 == objnametemp2 || "" == objname || obj.parentNode.tagName == objnametemp2 || obj.parentNode.parentNode.tagName == objnametemp2) {
            if (objnametemp1 != objnametemp2)
              if (obj.parentNode.tagName == objnametemp2) obj = obj.parentNode;
              else if (obj.parentNode.parentNode.tagName == objnametemp2) obj = obj.parentNode.parentNode;
              else {
                if (obj.parentNode.parentNode.parentNode.tagName != objnametemp2) return;
                obj = obj.parentNode.parentNode.parentNode
              }
            eval(objfun)(obj)
          }
        },
        thiseventtemp = "document.body." + objevent + "=" + thisevent,
        evalobj = eval(thiseventtemp)
    }

    function _clickon(t) {
      send_web_click(t)
    }

    function kk_click_pv_rebind_capture() {
      window.attachEvent ? (window.detachEvent("onload", _kk_click_pv_clickon_handler), window.attachEvent("onload", _kk_click_pv_clickon_handler)) : (window.removeEventListener("load", _kk_click_pv_clickon_handler, !0), window.addEventListener("load", _kk_click_pv_clickon_handler, !0))
    }

    function send_web_pv() {
      var t = new Date,
        e = t.getTime(),
        n = "http://stat.download.xunlei.com:8099/?xlbtid=" + gOption.xlbtid + "&datatype=pageshow&url=" + url_e + "&ref=" + ref_e + "&useragent=" + userAgent_e + "&userid=" + userid + "&cookieid=" + habo_web_uid + "&sessionid=" + habo_web_sessionid + "&appid=" + gOption.appid + "&r=" + 1e5 * Math.random() + "&time=" + e,
        i = new Image;
      i.src = n
    }

    function jumpurl(t) {
      location.href = t
    }

    function send_web_click(t) {
      target = t.target;
      var e = t.getAttribute("_click_rcv_url");
      e && "undefined" != e || (e = t.href);
      var n = encodeURIComponent(e),
        i = t.getAttribute("blockid"),
        o = t.getAttribute("clickid");
      if (o || "undefined" == typeof o || 0 == o || i || "undefined" == typeof i || 0 == i) {
        var a = t.getAttribute("event_id"),
          s = t.getAttribute("var1"),
          r = t.getAttribute("var2"),
          h = t.getAttribute("var3"),
          c = new Date,
          d = c.getTime(),
          p = "http://stat.download.xunlei.com:8099/?xlbtid=" + gOption.xlbtid + "&datatype=click&url=" + url_e + "&useragent=" + userAgent_e + "&userid=" + userid + "&cookieid=" + habo_web_uid + "&sessionid=" + habo_web_sessionid + "&appid=" + gOption.appid + "&clickurl=" + n + "&blockid=" + i + "&clickid=" + o + "&r=" + 1e5 * Math.random() + "&time=" + d + "&eventid=" + a + "&var1=" + s + "&var2=" + r + "&var3=" + h,
          u = new Image;
        u.src = p, "_self" == target && setTimeout("jumpurl('" + e + "');", 100)
      }
    }

    var md5 = __webpack_require__(3),
      hex_md5 = md5.hex_md5,
      gOption = {
        appid: "54",
        domain: "xl9.xunlei.com",
        xlbtid: "1"
      },
      c_getCookie = function (t) {
        var e = t + "=",
          n = document.cookie.indexOf(e);
        if (n != -1) {
          n += e.length;
          var i = document.cookie.indexOf(";", n);
          return i == -1 && (i = document.cookie.length), unescape(document.cookie.substring(n, i))
        }
        return ""
      },
      c_setCookie = function (t, e, n, i) {
        if (arguments.length > 3) {
          var o = new Date((new Date).getTime() + 36e5 * i);
          document.cookie = e + "=" + escape(n) + ";path=/;domain=" + t + ";expires=" + o.toGMTString()
        } else document.cookie = e + "=" + escape(n) + ";path=/;domain=" + t
      };
    if (habo_web_uid = c_getCookie("HABOWEBUID"), !habo_web_uid || "undefined" == habo_web_uid) {
      var random = Math.random(),
        browser = navigator.appName + "_" + navigator.appVersion + "_" + navigator.userAgent + "_" + navigator.appCodeName + "_" + navigator.platform,
        nowtime = new Date,
        nowtime_sec = nowtime.valueOf();
      habo_web_uid = hex_md5(nowtime_sec.toString() + browser + random.toString()), c_setCookie(gOption.domain, "HABOWEBUID", habo_web_uid, 87600)
    }
    var habo_web_sessionid = c_getCookie("HABOWEBSESSIONID");
    if (!habo_web_sessionid || "undefined" == habo_web_sessionid) {
      var random = Math.random(),
        browser = navigator.appName + "_" + navigator.appVersion + "_" + navigator.userAgent + "_" + navigator.appCodeName + "_" + navigator.platform,
        nowtime = new Date,
        nowtime_sec = nowtime.valueOf();
      habo_web_sessionid = hex_md5(nowtime_sec.toString() + browser + random.toString()), c_setCookie(gOption.domain, "HABOWEBSESSIONID", habo_web_sessionid, .5)
    }
    var userid = c_getCookie("userid") && c_getCookie("HABOWEBSESSIONID") ? parseInt(c_getCookie("userid")) : 0,
      userAgent = navigator.userAgent,
      userAgent_e = encodeURIComponent(userAgent),
      url = document.location.href,
      ref = document.referrer,
      ref_e = encodeURIComponent(ref),
      url_e = encodeURIComponent(url);
    try {
      var _kk_click_pv_clickon_handler = function () {
        objevent("A", "onmouseup", "_clickon"), objevent("A", "onkeydown", "_clickon")
      };
      kk_click_pv_rebind_capture()
    } catch (e) {
    }
    send_web_pv()
  }, function (t, e) {
    function n(t) {
      return u(i(p(t), t.length * f))
    }

    function i(t, e) {
      t[e >> 5] |= 128 << e % 32, t[(e + 64 >>> 9 << 4) + 14] = e;
      for (var n = 1732584193, i = -271733879, o = -1732584194, d = 271733878, p = 0; p < t.length; p += 16) {
        var u = n,
          l = i,
          f = o,
          m = d;
        n = a(n, i, o, d, t[p + 0], 7, -680876936), d = a(d, n, i, o, t[p + 1], 12, -389564586), o = a(o, d, n, i, t[p + 2], 17, 606105819), i = a(i, o, d, n, t[p + 3], 22, -1044525330), n = a(n, i, o, d, t[p + 4], 7, -176418897), d = a(d, n, i, o, t[p + 5], 12, 1200080426), o = a(o, d, n, i, t[p + 6], 17, -1473231341), i = a(i, o, d, n, t[p + 7], 22, -45705983), n = a(n, i, o, d, t[p + 8], 7, 1770035416), d = a(d, n, i, o, t[p + 9], 12, -1958414417), o = a(o, d, n, i, t[p + 10], 17, -42063), i = a(i, o, d, n, t[p + 11], 22, -1990404162), n = a(n, i, o, d, t[p + 12], 7, 1804603682), d = a(d, n, i, o, t[p + 13], 12, -40341101), o = a(o, d, n, i, t[p + 14], 17, -1502002290), i = a(i, o, d, n, t[p + 15], 22, 1236535329), n = s(n, i, o, d, t[p + 1], 5, -165796510), d = s(d, n, i, o, t[p + 6], 9, -1069501632), o = s(o, d, n, i, t[p + 11], 14, 643717713), i = s(i, o, d, n, t[p + 0], 20, -373897302), n = s(n, i, o, d, t[p + 5], 5, -701558691), d = s(d, n, i, o, t[p + 10], 9, 38016083), o = s(o, d, n, i, t[p + 15], 14, -660478335), i = s(i, o, d, n, t[p + 4], 20, -405537848), n = s(n, i, o, d, t[p + 9], 5, 568446438), d = s(d, n, i, o, t[p + 14], 9, -1019803690), o = s(o, d, n, i, t[p + 3], 14, -187363961), i = s(i, o, d, n, t[p + 8], 20, 1163531501), n = s(n, i, o, d, t[p + 13], 5, -1444681467), d = s(d, n, i, o, t[p + 2], 9, -51403784), o = s(o, d, n, i, t[p + 7], 14, 1735328473), i = s(i, o, d, n, t[p + 12], 20, -1926607734), n = r(n, i, o, d, t[p + 5], 4, -378558), d = r(d, n, i, o, t[p + 8], 11, -2022574463), o = r(o, d, n, i, t[p + 11], 16, 1839030562), i = r(i, o, d, n, t[p + 14], 23, -35309556), n = r(n, i, o, d, t[p + 1], 4, -1530992060), d = r(d, n, i, o, t[p + 4], 11, 1272893353), o = r(o, d, n, i, t[p + 7], 16, -155497632), i = r(i, o, d, n, t[p + 10], 23, -1094730640), n = r(n, i, o, d, t[p + 13], 4, 681279174), d = r(d, n, i, o, t[p + 0], 11, -358537222), o = r(o, d, n, i, t[p + 3], 16, -722521979), i = r(i, o, d, n, t[p + 6], 23, 76029189), n = r(n, i, o, d, t[p + 9], 4, -640364487), d = r(d, n, i, o, t[p + 12], 11, -421815835), o = r(o, d, n, i, t[p + 15], 16, 530742520), i = r(i, o, d, n, t[p + 2], 23, -995338651), n = h(n, i, o, d, t[p + 0], 6, -198630844), d = h(d, n, i, o, t[p + 7], 10, 1126891415), o = h(o, d, n, i, t[p + 14], 15, -1416354905), i = h(i, o, d, n, t[p + 5], 21, -57434055), n = h(n, i, o, d, t[p + 12], 6, 1700485571), d = h(d, n, i, o, t[p + 3], 10, -1894986606), o = h(o, d, n, i, t[p + 10], 15, -1051523), i = h(i, o, d, n, t[p + 1], 21, -2054922799), n = h(n, i, o, d, t[p + 8], 6, 1873313359), d = h(d, n, i, o, t[p + 15], 10, -30611744), o = h(o, d, n, i, t[p + 6], 15, -1560198380), i = h(i, o, d, n, t[p + 13], 21, 1309151649), n = h(n, i, o, d, t[p + 4], 6, -145523070), d = h(d, n, i, o, t[p + 11], 10, -1120210379), o = h(o, d, n, i, t[p + 2], 15, 718787259), i = h(i, o, d, n, t[p + 9], 21, -343485551), n = c(n, u), i = c(i, l), o = c(o, f), d = c(d, m)
      }
      return Array(n, i, o, d)
    }

    function o(t, e, n, i, o, a) {
      return c(d(c(c(e, t), c(i, a)), o), n)
    }

    function a(t, e, n, i, a, s, r) {
      return o(e & n | ~e & i, t, e, a, s, r)
    }

    function s(t, e, n, i, a, s, r) {
      return o(e & i | n & ~i, t, e, a, s, r)
    }

    function r(t, e, n, i, a, s, r) {
      return o(e ^ n ^ i, t, e, a, s, r)
    }

    function h(t, e, n, i, a, s, r) {
      return o(n ^ (e | ~i), t, e, a, s, r)
    }

    function c(t, e) {
      var n = (65535 & t) + (65535 & e),
        i = (t >> 16) + (e >> 16) + (n >> 16);
      return i << 16 | 65535 & n
    }

    function d(t, e) {
      return t << e | t >>> 32 - e
    }

    function p(t) {
      for (var e = Array(), n = (1 << f) - 1, i = 0; i < t.length * f; i += f) e[i >> 5] |= (t.charCodeAt(i / f) & n) << i % 32;
      return e
    }

    function u(t) {
      for (var e = l ? "0123456789ABCDEF" : "0123456789abcdef", n = "", i = 0; i < 4 * t.length; i++) n += e.charAt(t[i >> 2] >> i % 4 * 8 + 4 & 15) + e.charAt(t[i >> 2] >> i % 4 * 8 & 15);
      return n
    }

    var l = 0,
      f = 8;
    t.exports = {
      hex_md5: n
    }
  }, , function (t, e) {
    !function () {
      function t(e, n) {
        this.point = {
          x: 0,
          y: 0
        }, this.point.x = e.x, this.point.y = e.y, this.len = n || 1, this.lWidth = 1, this.speed = f.iSpeed, this.opc = .5, this.isEnd = !1, "function" != typeof this.nextFps && (t.prototype.nextFps = function () {
          var t = this.point.y / Math.abs(this.point.y) * this.speed;
          this.point.x = this.point.x / this.point.y * (this.point.y + t), this.point.y += t, this.speed += f.dSpeed, this.len += .7, Math.abs(this.point.y) > h / 2 * .7 ? this.lWidth = 5 : Math.abs(this.point.y) > h / 2 * .5 ? this.lWidth = 4 : Math.abs(this.point.y) > h / 2 * .3 ? this.lWidth = 3 : Math.abs(this.point.y) > h / 2 * .2 && (this.lWidth = 2), this.opc = this.opc < .1 ? .1 : this.opc - .02, (Math.abs(this.point.x) > r / 2 || Math.abs(this.point.y) > h / 2) && (this.isEnd = !0)
        }), "function" != typeof this.draw && (t.prototype.draw = function (t) {
          t.save(), t.globalAlpha = this.opc, t.translate(r / 2, h / 2), t.lineWidth = this.lWidth, t.strokeStyle = "#fff", t.lineCap = "round";
          var e = f.newPoint(this.point, this.len);
          t.beginPath(), t.moveTo(this.point.x, this.point.y), t.lineTo(e.x, e.y), t.stroke(), t.restore()
        })
      }

      function e(t) {
        this.point = t || {
          x: 0,
          y: 0
        }, this.rad = Math.random(), Math.random() > .9 && (this.rad = 2), this.speed = 1 * Math.random() + .1, this.opc = Math.random() / 2 + .3, this.R = Math.sqrt(this.point.x * this.point.x + this.point.y * this.point.y), "function" != typeof this.nextFps && (e.prototype.nextFps = function () {
          if (1 == v.way) {
            if (this.point.x = (Math.abs(this.point.x) + this.speed * (Math.abs(this.point.x) / (Math.abs(this.point.x) + Math.abs(this.point.y)))) * (this.point.x / Math.abs(this.point.x)), this.point.y = (Math.abs(this.point.y) + this.speed * (Math.abs(this.point.y) / (Math.abs(this.point.x) + Math.abs(this.point.y)))) * (this.point.y / Math.abs(this.point.y)), this.point.x < r * -.5 || this.point.x > .5 * r || this.point.y < h * -.5 || this.point.y > .5 * h) {
              var t = Math.min(Math.abs(this.point.x), Math.abs(this.point.y)) / 40;
              this.point.x /= t, this.point.y /= t
            }
          } else if (0 == v.way) {
            var e = (this.R - Math.abs(this.point.x)) / this.R * (this.speed + 1 + 3 * Math.random());
            e = e <= .05 ? .05 : e, e = e >= 1 ? 1 : e, this.point.y > 0 ? this.point.x + e <= this.R ? (this.point.x += e, this.point.y = Math.sqrt(this.R * this.R - this.point.x * this.point.x)) : (this.point.x = this.R, this.point.y = 0) : this.point.x - e >= this.R * -1 ? (this.point.x -= e, this.point.y = Math.sqrt(this.R * this.R - this.point.x * this.point.x) * -1) : this.point.y *= -1
          }
        }), "function" != typeof this.draw && (e.prototype.draw = function (t) {
          t.save(), t.globalAlpha = this.opc, t.translate(r / 2, h / 2), t.fillStyle = "#fff", t.beginPath(), t.arc(this.point.x, this.point.y, this.rad, 0, 2 * Math.PI), t.fill(), t.restore()
        })
      }

      function n(t) {
        this.point = t || {
          x: 0,
          y: 0
        }, this.rad = Math.random(), Math.random() > .9 && (this.rad = 5), this.speed = 2, this.opc = Math.random() / 2 + .3, this.isEnd = !1, "function" != typeof this.nextFps && (n.prototype.nextFps = function () {
          this.speed += 2, this.rad += .3, this.point.x = (Math.abs(this.point.x) + this.speed * (Math.abs(this.point.x) / (Math.abs(this.point.x) + Math.abs(this.point.y)))) * (this.point.x / Math.abs(this.point.x)), this.point.y = (Math.abs(this.point.y) + this.speed * (Math.abs(this.point.y) / (Math.abs(this.point.x) + Math.abs(this.point.y)))) * (this.point.y / Math.abs(this.point.y)), (this.point.x < r * -.5 || this.point.x > .5 * r || this.point.y < h * -.5 || this.point.y > .5 * h) && (this.isEnd = !0)
        }), "function" != typeof this.draw && (n.prototype.draw = function (t) {
          t.save(), t.globalAlpha = this.opc, t.translate(r / 2, h / 2), t.fillStyle = "#fff", t.beginPath(), t.arc(this.point.x, this.point.y, this.rad, 0, 2 * Math.PI), t.fill(), t.restore()
        })
      }

      function i() {
        this.step = .05, this.isEnd = !1, this.opc = 1, "function" != typeof this.nextFps && (i.prototype.nextFps = function () {
          this.step < .5 ? this.step += .01 : this.step < 1 && (this.step += .006, this.opc > .01 && (this.opc -= .01)), this.step >= 1 && (this.isEnd = !0)
        }), "function" != typeof this.draw && (i.prototype.draw = function (t) {
          t.save();
          var e = t.createRadialGradient(r / 2, h / 2, 0, r / 2, h / 2, Math.max(r, h));
          e.addColorStop(0, "rgba(11,45,106,0)"), e.addColorStop(this.step, "rgba(11,45,106,.4)"), e.addColorStop(1, "rgba(11,45,106,.1)"), t.globalAlpha = this.opc, t.fillStyle = e, t.rect(0, 0, r, h), t.fill(), t.restore()
        })
      }

      window.requestAnimFrame = function () {
        return function (t) {
          window.setTimeout(t, 40)
        }
      }();
      var o = function () {
        try {
          return document.createElement("canvas").getContext("2d"), !0
        } catch (t) {
          return !1
        }
      }();
      if (o) {
        var a = document.getElementById("canvas"),
          s = a.getContext("2d"),
          r = document.body.offsetWidth,
          h = document.body.offsetHeight;
        a.setAttribute("width", r), a.setAttribute("height", h);
        var c = document.createElement("canvas"),
          d = c.getContext("2d");
        c.width = r, c.height = h;
        var p, u = {
            createSign: function () {
              return Math.random() > .5 ? -1 : 1
            },
            createPoints: function (t, e, n, i, o) {
              for (var a = [], s = 0; s < o; s++) a.push({
                x: t + Math.random() * (n - t),
                y: e + Math.random() * (i - e)
              });
              return a
            }
          },
          l = [],
          f = {
            avgMax: 2,
            iSpeed: 1.5,
            dSpeed: .8,
            newPoint: function (t, e) {
              var n = t.x * t.x + t.y * t.y + e * e + 2 * e * Math.sqrt(t.x * t.x + t.y * t.y);
              return {
                x: Math.sqrt(n / (1 + t.y * t.y / (t.x * t.x))) * (t.x / Math.abs(t.x)),
                y: Math.sqrt(n / (1 + t.x * t.x / (t.y * t.y))) * (t.y / Math.abs(t.y))
              }
            },
            createRay: function (e) {
              for (var n, i = {
                x: 0,
                y: 0
              }, o = 15, a = 0; a < e; a++) i.x = Math.random() * o * u.createSign(), i.y = Math.sqrt(o * o - i.x * i.x) * u.createSign(), n = Math.ceil(3 * Math.random()), l.push(new t(i, n))
            }
          },
          m = [],
          b = [],
          v = {
            way: 0,
            createParticle: function () {
              for (var t = [], n = 0; n < 10; n++)
                for (var i = 0; i < 5; i++) {
                  t = u.createPoints(-.5 * r + .1 * n * r, -.5 * h + .2 * i * h, -.5 * r + .1 * (n + 1) * r, -.5 * h + .2 * (i + 1) * h, 6);
                  for (var o = 0; o < t.length; o++) 0 != t[o].x && 0 != t[o].y && m.push(new e(t[o]))
                }
            },
            createParticle2: function () {
              for (var t = [], e = 0; e < 5; e++)
                for (var i = 0; i < 2; i++) {
                  t = u.createPoints(-.5 * r + .2 * e * r, -.5 * h + .5 * i * h, -.5 * r + .2 * (e + 1) * r, -.5 * h + .5 * (i + 1) * h, 1);
                  for (var o = 0; o < t.length; o++) 0 != t[o].x && 0 != t[o].y && b.push(new n(t[o]))
                }
            }
          },
          w = new i,
          g = {
            drawParticle: function () {
              for (var t = 0; t < m.length; t++) m[t].nextFps(), m[t].draw(d)
            },
            drawParticle2: function () {
              for (var t = 0; t < b.length; t++) b[t].nextFps(), b[t].isEnd ? (b.splice(t, 1), t--) : b[t].draw(d)
            },
            drawRay: function () {
              for (var t = 0; t < l.length; t++) l[t].nextFps(), l[t].isEnd ? (l.splice(t, 1), t--) : l[t].draw(d)
            }
          },
          _ = function () {
            switch (d.clearRect(0, 0, r, h), p) {
              case 1:
                g.drawParticle();
                break;
              case 2:
                g.drawParticle(), g.drawParticle2(), f.createRay(Math.ceil(Math.random() * f.avgMax)), g.drawRay(), w.nextFps(), w.isEnd || w.draw(d);
                break;
              case 3:
                g.drawParticle(), g.drawRay();
                break;
              case 4:
                g.drawParticle()
            }
            s.clearRect(0, 0, r, h), s.drawImage(c, 0, 0), requestAnimFrame(_)
          };
        window.onresize = function () {
          r = document.body.offsetWidth, h = document.body.offsetHeight, a.setAttribute("width", r), a.setAttribute("height", h), c.width = r, c.height = h, m = [], v.createParticle()
        }, window.cvsEffect = function (t, e) {
        }, cvsEffect.start = function () {
          requestAnimFrame(_)
        }, cvsEffect.one = function () {
          p = 1, v.way = 0, m = [], v.createParticle()
        }, cvsEffect.two = function () {
          p = 2, v.way = 1, m = [], v.createParticle(), b = [], v.createParticle2(), w.isEnd = !0, setTimeout(function () {
            w.step = .05, w.opc = 1, w.isEnd = !1
          }, 50)
        }, cvsEffect.three = function () {
          p = 3, 0 == m.length && v.createParticle(), v.way = 1
        }, cvsEffect.four = function () {
          0 == m.length && v.createParticle(), v.way = 1, p = 4
        }
      }
    }()
  }]);
</script>
